<script lang="ts" setup>
const list = [
    {
        title: '模版一',
        type: '1',
        url: '/template1'
    },
    {
        title: '模版二',
        type: '2',
    }
]
</script>


<template>
    <div class="w-screen h-screen flex flex-col justify-center items-center">
        <div class="text-2xl font-bold mb-6">选择类型</div>
        <div class="flex flex-row space-x-4">
            <div class="hover:shadow-lg transition-all duration-100 shadow-sm rounded-lg p-4 w-48 h-48 flex justify-center items-center"
                v-for="item in list" :key="item.type">
                <router-link :to="item.url">{{ item.title }}</router-link>
            </div>
        </div>
    </div>
</template>